/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {
      lineHeight: {
        none: "1",
        tight: "1.25",
        snug: "1.375",
        normal: "1.5",
        relaxed: "1.625",
        loose: "2",
        3: "24px",
        4: "32px",
        5: "40px",
        6: "48px",
        7: "56px",
        8: "64px",
        9: "72px",
        10: "80px",
      },
      borderRadius: {
        none: "0px",
        sm: "4px",
        DEFAULT: "8px",
        md: "12px",
        lg: "16px",
        xl: "24px",
        "2xl": "32px",
        "3xl": "48px",
        "4xl": "56px",
        "5xl": "64px",
        full: "9999px",
      },
      fontSize: {
        xs: ["24px", { lineHeight: "32px" }],
        sm: ["28px", { lineHeight: "40px" }],
        base: ["32px", { lineHeight: "48px" }],
        lg: ["36px", { lineHeight: "56px" }],
        xl: ["40px", { lineHeight: "56px" }],
        "2xl": ["48px", { lineHeight: "64px" }],
        "3xl": ["60px", { lineHeight: "72px" }],
        // "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
        // "5xl": ["3rem", { lineHeight: "1" }],
        // "6xl": ["3.75rem", { lineHeight: "1" }],
        // "7xl": ["4.5rem", { lineHeight: "1" }],
        // "8xl": ["6rem", { lineHeight: "1" }],
        // "9xl": ["8rem", { lineHeight: "1" }],
      },
      spacing: {
        px: "1px",
        0: "0px",
        0.5: "4px",
        1: "8px",
        1.5: "12px",
        2: "16px",
        2.5: "20px",
        3: "24px",
        3.5: "28px",
        4: "32px",
        5: "40px",
        5.5: "44px",
        6: "48px",
        7: "56px",
        7.5: "60px",
        8: "64px",
        9: "72px",
        10: "80px",
        11: "88px",
        11.5: "92px",
        12: "96px",
        // 14: "3.5rem",
        // 16: "4rem",
        // 20: "5rem",
        // 24: "6rem",
        // 28: "7rem",
        // 32: "8rem",
        // 36: "9rem",
        // 40: "10rem",
        // 44: "11rem",
        // 48: "12rem",
        // 52: "13rem",
        // 56: "14rem",
        // 60: "15rem",
        // 64: "16rem",
        // 72: "18rem",
        // 80: "20rem",
        // 96: "24rem",
        full: "100%",
        "1/3": "33.333333%",
      },
      colors: {
        "p-color": "#dd001b",
      },
      zIndex: {
        1: "1",
      },
    },
  },
  plugins: [require("@tailwindcss/line-clamp")],
};
